{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Importar produtos{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Importar produtos de nota (XML ou PDF)</h1><p>Envie o XML ou o PDF do DANFE de uma ou mais notas e copie os produtos com NCM, unidade e preço. Para também dar entrada no estoque, use <a href="/compras">Entradas / compras</a>.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('produtos') }}">Voltar</a></div>
</div>

{% if not itens %}
<form class="cartao" method="post" enctype="multipart/form-data" data-carregando="Lendo os arquivos...">
  <div class="corpo">
    <label class="soltar">
      <input type="file" name="xml" accept=".xml,.pdf" multiple required>
      {{ icone('upload') }}
      <b>Clique ou arraste aqui os arquivos XML ou PDF do DANFE</b>
      <span class="suave peq">Pode enviar várias notas de uma vez</span>
      <div class="nome-arquivo peq" style="margin-top:8px;color:var(--verde-700)"></div>
    </label>
  </div>
  <div class="rodape-form"><button class="btn prim">Ler produtos</button></div>
</form>
{% else %}
<form method="post" action="{{ url_for('produtos_importar_confirmar') }}" data-carregando="Cadastrando produtos...">
  <input type="hidden" name="itens_json" value="{{ itens|tojson|forceescape }}">
  <div class="cartao">
    <div class="cab"><h2>Opções</h2><span class="suave peq">Fornecedor(es): {{ fornecedores|join(', ') }}</span></div>
    <div class="corpo"><div class="campos">
      <div class="c3"><label>Margem sobre o custo (%)</label><input name="margem" value="0" inputmode="decimal">
        <div class="ajuda">Preço de venda = valor unitário da nota + margem.</div></div>
      <div class="c3"><label>Prefixo no código <span class="opc">(opcional)</span></label><input name="prefixo" placeholder="ex.: F1-">
        <div class="ajuda">Evita conflito entre códigos de fornecedores.</div></div>
      <div class="c3"><label>Tributação</label>
        <select name="tributacao">
          <option value="padrao">Usar minha tributação padrão (revenda)</option>
          <option value="copiar">Copiar a tributação da nota</option>
          <option value="grupo">Usar a tributação padrão do grupo escolhido</option>
        </select>
        <div class="ajuda">Itens com ST viram CST 60 / CFOP 5405. Notas emitidas por você copiam a tributação.</div></div>
      <div class="c3"><label>Se o código já existir</label>
        <select name="ao_existir"><option value="pular">Manter o cadastro atual</option><option value="atualizar">Atualizar com os dados do XML</option></select></div>
      <div class="c4"><label>Colocar no grupo</label>
        <select name="grupo_id" id="imp-grupo">
          <option value="">Sem grupo</option>
          {% for g in grupos %}<option value="{{ g.id }}">{{ g.nome }}</option>{% endfor %}
          <option value="novo">+ Novo grupo…</option>
          <option value="fornecedor">Um grupo para cada fornecedor</option>
        </select></div>
      <div class="c4" id="imp-novo" style="display:none"><label>Nome do novo grupo</label><input name="grupo_novo" placeholder="Ex.: Irrigação"></div>
    </div></div>
  </div>
  <div class="cartao">
    <div class="cab"><h2>{{ itens|length }} item(ns) encontrado(s)</h2>
      <label class="check"><input type="checkbox" id="marcar-todos" checked> Selecionar todos</label></div>
    <div class="tabela-wrap"><table class="tab">
      <thead><tr><th></th><th>Código</th><th>Descrição</th><th>NCM</th><th>CFOP</th><th>Un.</th><th class="direita">Valor unit.</th><th>ICMS</th><th></th></tr></thead>
      <tbody>
      {% for it in itens %}
        <tr>
          <td><input type="checkbox" name="sel" value="{{ loop.index0 }}" {{ '' if it.ja_existe else 'checked' }} style="width:auto"></td>
          <td class="mono">{{ it.codigo }}</td>
          <td><b>{{ it.descricao }}</b>{% if it.ean %}<div class="suave peq">EAN {{ it.ean }}</div>{% endif %}</td>
          <td class="mono">{{ it.ncm }}</td><td class="mono">{{ it.cfop }}</td><td>{{ it.unidade }}</td>
          <td class="direita nowrap">{{ it.valor_unitario|moeda }}</td>
          <td class="peq">CST {{ it.icms_cst }}{% if it.icms_aliq %} · {{ it.icms_aliq }}%{% endif %}{% if it.st %} <span class="selo alerta">ST</span>{% endif %}</td>
          <td>{% if it.ja_existe %}<span class="selo neutro">já cadastrado</span>{% endif %}</td>
        </tr>
      {% endfor %}
      </tbody></table></div>
    <div class="rodape-form"><a class="btn" href="{{ url_for('produtos_importar') }}">Enviar outros arquivos</a><button class="btn prim">Cadastrar selecionados</button></div>
  </div>
</form>
{% endif %}
{% endblock %}
{% block scripts %}
<script>
const impGrupo = $('#imp-grupo');
if (impGrupo) impGrupo.addEventListener('change', () => { $('#imp-novo').style.display = impGrupo.value === 'novo' ? '' : 'none'; });
const todos = $('#marcar-todos');
if (todos) todos.addEventListener('change', () => $$('input[name=sel]').forEach((c) => { c.checked = todos.checked; }));
</script>
{% endblock %}